<template>
    <div class="block">
  <el-timeline v-for="v in tableData" :key="v.id">
    <el-timeline-item :timestamp="v.time" placement="top">
      <el-card>
        <h4>获得收入</h4>
        <p>{{v.name}}通过{{ v.category }}收入{{v.money}}元</p>
      </el-card>
    </el-timeline-item>
  </el-timeline>
</div>
  </template>

<script>
import axios from 'axios';
export default {
    data () {
      return {
        tableData:[]
      }
    },
    methods: {
      render() {
        axios({
                url: "/dbdata/memberArrs?_embed=income1",
            }).then(({data}) => {
              data.forEach(v => {
                this.tableData.push(...v.income1)
              });
            })
      },
    },
    mounted(){
      this.render()
    }
  }
</script>

<style lang="less">

</style>